/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

html {
	font-size: 9pt;
}

table#container {
	width: 1000px;
	margin: 30px auto;
	padding: 0px 10px 10px 10px;
	border: 1px solid black;
}

td#top {
	height: 80px;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid black;
}

.game-menu {
	width: 200px;
	padding: 20px 10px 10px 10px;
	vertical-align: top;
}
.game-menu a {
	
}
.game-menu .menuHeader {
	margin-bottom: 10px;
	font-weight: bold;
}
.game-menu .menuSignIn {
	margin-top: 10px;
	font-weight: bold;
}

.game-content {
	padding: 20px 10px 10px 10px;
	vertical-align: top;
}
.game-content .panelHeader {
	margin-bottom: 10px;
	font-size: 11pt;
	font-weight: bold;
}

.game-content .listings-table {
	margin-top: 20px;
}
.game-content .listings-table .header {
	font-weight: bold;
}
.game-content .listings-table .first-column {
	width: 150px;
}
.game-content .listings-table .second-column {
	width: 60px;
}
.game-content .listings-table .third-column {
	width: 60px;
}

.game-content .hanoi-table {
	border: solid black;
	border-width: 1px 0px 1px 1px;
}
.game-content .hanoi-cell {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: solid black;
	border-width: 0px 1px 0px 0px;
}
.game-content .hanoi-cell .hanoi-label {
	margin: 0px auto;
	padding: 4px 0px 4px 0px;
	background-color: yellow;
	border: 1px solid grey;
}
.game-content .hanoi-cell .hanoi-label-active {
	margin: 0px auto;
	padding: 4px 0px 4px 0px;
	background-color: blue;
	border: 1px solid grey;
}
.game-content .hanoi-panel {
	height: 25px;
	text-align: center;
	background-color: red;
}
.game-content .hanoi-spacer .hanoi-panel {
	height: 50px;
}

.game-content .suduku-table {
	border: solid black;
	border-width: 2px 0px 0px 2px;
}
.game-content .suduku-cell {
	border: solid black;
	border-width: 0px 1px 1px 0px;
}
.game-content .suduku-cell-right {
	border: solid black;
	border-width: 0px 2px 1px 0px;
}
.game-content .suduku-cell-corner {
	border: solid black;
	border-width: 0px 2px 2px 0px;
}
.game-content .suduku-cell-bottom {
	border: solid black;
	border-width: 0px 1px 2px 0px;
}
.game-content .suduku-panel {
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}
.game-content .suduku-label {
	width: 25px;
	height: 19px;
	padding-top: 6px;
}
.game-content .suduku-label-active {
	background-color: blue;
}
.game-content .suduku-label-locked {
	font-weight: bold;
	background-color: lightgrey;
}
.game-content .suduku-panel input {
	width: 19px;
	height: 17px;
	text-align: center;
	vertival-align: middle;
	borders: 0;
}

.errors {
	color: red;
}
